//导入
import React,{Component} from 'react';
import {Route,NavLink} from 'react-router-dom';

import './App.css';

import img from './assets/img.png';
import Reaction from '../reaction/Reaction';



    


//组件
class App extends Component {
    getAffectStyle(lon,lat){
        // let styleStr = `perspective(${perspective}px) rotateX(${lat}deg) rotateY(${lon}deg) rotateZ(0deg)`;
        // let styleStr = `perspective(${perspective}px) rotateX(${-b}deg) rotateY(${g}deg) rotateZ(0deg)`;

        let styleStr = `translateX(${lon}px)`;

        return { transform: styleStr };
    }
    render() {
        return (
            <div>
                <p>示例应用</p>
                <Reaction affectType="Move"  relative={true} maxAngle={40} scale={0.3} >
                <img className="img" src={img} />
                </Reaction>
            </div>
            
        );
    }
}




//导出
export {App};

